<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>个人中心</title>
    <link rel="stylesheet" type="text/css" href="../../css/share/reset.css" />
    <!-- <link rel="stylesheet" type="text/css" href="../../css/share/animate.css" /> -->
    <link rel="stylesheet" type="text/css" href="../../css/share/ui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/me/index.css" />
</head>

<body>
<!-- header-->
<div class="header">
    <div class="header-content">
        <div class="headerWrapper fix">
            <div class="header-content-logo fl">
                <a href="../index.html"><img src="../../img/header/logo.png" alt="logo" /></a>
            </div>
            <div class="header-content-nav fr">
                <ul>
                    <li><a href="../index.html">首页</a></li>
                    <li><a href="../about-us.html">关于我们</a></li>
                    <li><a id="x-place-1">加载中</a></li>
                    <li><a id="x-place-2">加载中</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- /header -->
<div class="container-wrapper">
    <div class="container">
        <div class="profile">
            <div class="profile-nav bdr-227 bg-249 fl">
                <div class="portrait-wrapper fix">
                    <div class="portrait bdr-227 fl ">
                        <img src="../../img/potrait1.jpg" alt="用户头像" />
                        <input type="file" hidden id="portrait">
                        <span title="点击修改头像" id="js-changeImg">修改</span>
                    </div>
                </div>
                <h2 id="nickname-h2">嗨柚小妞</h2>
                <p class="idcardCi"><img src="../../img/icons/idcardCi.png" alt="身份认证通过" title="身份认证通过" /><img src="../../img/icons/idcardCiGray.png" class="hide" alt="身份认证未通过" title="身份认证未通过" /></p>
                <div class="btn-group">
                    <p><a href="messages.html" target="_blank" title="单击前往我的消息">我的消息</a><span class="hide">12</span></p>
                    <p><a href="favorite.html" target="_blank" title="单击前往我的收藏">我的收藏</a><span>25</span></p>
                    <p><a href="../identification.html">身份验证</a></p>
                    <p><a href="../setting.html">账号设置</a></p>
                </div>
            </div>
            <div class="profile-edit bdr-227 bg-white">
                <div class="box-header">
                    <h1 class="title">基本资料<a class="btn btn-primary fr " href="javascript:void(0);"
                                             id="profile-edit-btn">编辑</a></h1>
                </div>
                <div class="edit-display fix">
                    <table>
                        <colgroup>
                            <col style="width: 90px;" />
                            <col style="width: auto;" />
                        </colgroup>
                        <tbody>
                        <tr>
                            <th>昵称<span>:</span></th>
                            <td>
                                <input type="text" name="" id="nickname-input" maxlength="24" value="嗨柚小妞" class="e-s disabled" />
                            </td>
                        </tr>
                        <tr>
                            <th>性别<span>:</span></th>
                            <td>
                                <span class="woman"><input type="radio" name="sex" value="woman" class="woman e-s disabled" /></span>
                                <span class="man"><input type="radio" name="sex" value="man" checked="checked" class="man e-s disabled" /></span>
                            </td>
                        </tr>
                        <tr>
                            <th>地区<span>:</span></th>
                            <td>
                                <select name="province" id="province"  class="e-s disabled">
                                </select>
                                <select name="city" id="city" class="e-s disabled">
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <th>详细地址<span>:</span></th>
                            <td>
                                <input type="text" id="location" name="location" maxlength="100" class="e-s disabled">
                            </td>
                        </tr>
                        <tr>
                            <th class="vtab">个性签名<span>:</span></th>
                            <td>
                                <textarea name="slogan" rows="10" cols="85" maxlength="200" placeholder="随便写点什么让大家认识你吧!" class="e-s disabled"></textarea>
                            </td>
                        </tr>
                        <tr>
                            <th class="vtab">个人标签<span>:</span></th>
                            <td>
                                <ul class="labels fix">
                                    <li><a class="t tag-theme">桌游爱好者</a></li>
                                    <li><a class="t tag-theme-b">猫星人</a></li>
                                    <li><a class="t tag-pink">桌游爱好者</a></li>
                                    <li><a class="t tag-pink-b">安静</a></li>
                                    <li><a class="t tag-theme">啤酒达人</a></li>
                                    <li><a class="t tag-green">包吃包聊</a></li>
                                    <li><a class="t tag-theme-b">GAY啊</a></li>
                                    <li><a class="t tag-theme">啤酒达人</a></li>
                                    <li><a class="t tag-pink-b">背包客</a></li>
                                    <li><a class="t tag-pink">安静每一天</a></li>
                                    <li><a class="t tag-theme">夜嗨</a></li>
                                </ul>
                                <input type="text" id="new-tag" class="hide" maxlength="10" placeholder="输入自定义标签"><a href="javascript:void(0);" class="btn btn-primary hide" id="new-tag-btn">新增</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <p class="fr profile-option hide">
                        <a class="btn btn-primary" href="javascript:void(0);" id="profile-save-btn">保存</a>
                        <a class="btn btn-white" href="javascript:void(0);" id="profile-cancel-btn">取消</a>
                    </p>
                </div>
                <!--绑定还没有做好-->
                <div class="binding hide">
                    <div class="box-header">
                        <h1 class="title">账号绑定</h1>
                    </div>
                    <div class="edit-display">
                        <table>
                            <colgroup>
                                <col style="width: 90px;" />
                                <col style="width: auto;" />
                            </colgroup>
                            <tbody>
                            <tr>
                                <th>手机号码<span>:</span></th>
                                <td>
                                    <input type="text" name="" id="phone-bind" maxlength="24" value="12345678901" class="disabled" />
                                    <span class="btn text-theme" title="请在账号设置里修改">已绑定</span>
                                </td>
                            </tr>
                            <!--/未绑定前 a标签上加上对应的类 手机是bi-phone 邮箱是bi-email                             -->
                            <!--<input type="text" name="" id="email-bind" maxlength="24" value="" class="disabled" />  -->
                            <!--<a class="btn btn-primary fr bi-email" href="javascript:void(0);">我要绑定</a>          -->

                            <!--绑定后 将a标签替换为span 别忘了title属性   将值渲染到value里面                                  -->
                            <!--<input type="text" name="" id="phone-bind" maxlength="24" value="12345678901" class="disabled" />-->
                            <!--<span class="btn text-theme" title="请在账号设置里修改">已绑定</span>                        -->
                            <tr>
                                <th>邮箱账号<span>:</span></th>
                                <td>
                                    <input type="text" name="" id="email-bind" maxlength="24" value="" class="disabled" />
                                    <a class="btn btn-primary bi-email" href="javascript:void(0);">我要绑定</a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="resume box">
            <div class="box-header ">
                <h1 class="title">我的简历 <a href="javascript:void(0);" id="resume-edit-btn"
                                          class="fr btn btn-primary ">新建简历</a></h1>
            </div>
            <div class="box-content">
                <!--如果是新建简历 上方的'编辑'改为'新建简历' 下方的edit-display添加hide属性 会在edit里面判断字符是否为'新建简历'来取消hide-class-->
                <div class="edit-display hide">
                    <table>
                        <colgroup>
                            <col style="width: 90px;" />
                            <col style="width: auto;" />
                        </colgroup>
                        <tbody>
                        <tr>
                            <th>真实姓名<span>:</span></th>
                            <td>
                                <input type="text" name="realname" id="realname" value="zhangsan" class="e-s disabled" />
                                <i class="error">*请填写真实姓名!</i>
                            </td>
                        </tr>
                        <tr>
                            <th>年龄<span>:</span></th>
                            <td id="age-td">
                                  <script>
                                      var age = 23 || 0;

                                      var sl = document.createElement("select");
                                      for(var _qwe =0;_qwe<120;_qwe++ ){
                                            var op = document.createElement("option")

                                          if(age!=undefined && parseInt(age)!=NaN && _qwe == age){

                                              op.selected = true;
                                          }
                                            op.innerHTML = _qwe;
                                            sl.appendChild(op);
                                      }
                                      var td = document.getElementById("age-td");
                                      var i = document.createElement("i");

                                      td.appendChild(sl);

                                        i.className = "error";
                                        i.innerHTML = "*请填写真实姓名!";

                                      td.appendChild(i);


                                    </script>

                            </td>
                        </tr>
                        <tr>
                            <th>联系方式<span>:</span></th>
                            <td>
                                <p class="show-contact"></p>
                                <input type="text" name="contact" id="contact" value="17778283123" placeholder="请输入手机号或者微信号" class="e-s disabled" />
                                <i class="error">*请填写联系方式!</i>
                            </td>
                        </tr>
                        <tr>
                            <th class="vtab">个人简介<span>:</span></th>
                            <td>
                                <p class="show-summary"></p>
                                <textarea name="summary" id="summary" rows="10" cols="85" placeholder="此处很重要,请认真填写" class="e-s disabled">本人文件粉爱好者</textarea>
                                <i class="error vat">*请填写个人简介!</i>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="btn-menu hide">
                        <a href="javascript:void(0);" id="resume-save-btn" class="btn btn-primary">保存</a>
                        <a href="javascript:void(0);" id="resume-cancel-btn" class="btn btn-white">取消</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="box">
            <div class="box-header">
                <h1 class="title">投递历史</h1>
            </div>
            <div class="box-content">
                <div class="tab-group clear-fix">
                    <ul>
                        <li><a href="javascript:void(0);" class="tab tab-active">全部</a></li>
                        <li><a href="javascript:void(0);" class="tab">已通过<i
                                class="tab-new hide">+3</i></a></li>
                        <li><a href="javascript:void(0);" class="tab">已落选</a></li>
                        <li><a href="javascript:void(0);" class="tab">已达成</a></li>
                        <li><a href="javascript:void(0);" class="tab">已完成</a></li>
                    </ul>
                </div>
                <ul class="card-list" id="all">
                    <!--因为事件处理函数 是绑定在cardlist上的 可能模板只能填充里面的li-->
                </ul>
                <ul class="card-list hide" id="accepted">
                </ul>
                <ul class="card-list hide" id="rejected">
                </ul>
                <ul class="card-list hide" id="completed">
                </ul>
                <ul class="card-list hide" id="finished">
                </ul>
            </div>
        </div>
        <!--
pagination
-->
        <div class="pagination-wrapper">
            <ul class="pagination">
                <li>
                    <a href="javascript:void(0);" class="pre"></a>
                </li>
                <li><a href="javascript:void(0);">1</a></li>
                <li><a href="javascript:void(0);">2</a></li>
                <li><a href="javascript:void(0);">3</a></li>
                <li><a href="javascript:void(0);">4</a></li>
                <li><a href="javascript:void(0);">5</a></li>
                <li><a href="javascript:void(0);">6</a></li>
                <li><a href="javascript:void(0);">7</a></li>
                <li><a href="javascript:void(0);">8</a></li>
                <li><a href="javascript:void(0);">9</a></li>
                <li><a href="javascript:void(0);">10</a></li>
                <li><a href="javascript:void(0);">11</a></li>
                <li>
                    <a href="javascript:void(0);" class="next"></a>
                </li>
                <li>跳转到 ：&nbsp;
                    <input type="text" id="jumpTo" />
                </li>
                <li><a href="javascript:void(0);" class="go">GO</a></li>
            </ul>
        </div>
        <!--
        .pagination
        -->
    </div>
</div>
<!-- 评分 -->
<div class="judge hide">
    <ul>
        <li>性格性情:
            <a href="javascript:void(0);" title="点击评分"><img src="../../img/icons/halfScore.png" alt="星星" class="halfScore"><img src="../../img/icons/halfScore.png" alt="星星" class="halfScore"><img src="../../img/icons/halfScore.png" alt="星星" class="halfScore"><img src="../../img/icons/halfScore.png" alt="星星" class="halfScore"><img src="../../img/icons/halfScore.png" alt="星星" class="halfScore"></a>
        </li>
        <li>工作能力:
            <a href="javascript:void(0);" title="点击评分"><img src="../../img/icons/halfScore.png" alt="星星" class="halfScore"><img src="../../img/icons/halfScore.png" alt="星星" class="halfScore"><img src="../../img/icons/halfScore.png" alt="星星" class="halfScore"><img src="../../img/icons/halfScore.png" alt="星星" class="halfScore"><img src="../../img/icons/halfScore.png" alt="星星" class="halfScore"></a>
        </li>
        <li>符合描述:
            <a href="javascript:void(0);" title="点击评分"><img src="../../img/icons/halfScore.png" alt="星星" class="halfScore"><img src="../../img/icons/halfScore.png" alt="星星" class="halfScore"><img src="../../img/icons/halfScore.png" alt="星星" class="halfScore"><img src="../../img/icons/halfScore.png" alt="星星" class="halfScore"><img src="../../img/icons/halfScore.png" alt="星星" class="halfScore"></a>
        </li>
    </ul>
    <textarea name="judge" id="judge-text" cols="5" rows="5" maxlength="200" placeholder="请在这里写入对这次招聘的评价~(200字以内)"></textarea>

    <p><a href="javascript:void(0);" class="btn btn-warn">确认</a></p>
</div>
<!-- toolbor -->
<div class="toolbar">
    <a id="scrollTop" href="javascript:void(0);"></a>
</div>
<!-- /toolbor -->
<!-- footer-->
<div class="footer">
    <div class="footer-content">
        <div class="footerWrapper">
            <div class="footer-content-text ">
                <ul>
                    <li>
                        <h2>快速导航</h2>
                        <p><a href="javascript:void(0);">我是义工</a></p>
                        <p><a href="javascript:void(0);">我是商家</a></p>
                        <p><a href="javascript:void(0);">友情链接</a></p>
                    </li>
                    <li>
                        <h2>帮助中心</h2>
                        <p><a href="javascript:void(0);">常见问题</a></p>
                        <p><a href="../contract.html" target="_blank">用户协议</a></p>
                    </li>
                    <li>
                        <h2>反馈</h2>
                        <p><a href="javascript:void(0);">意见建议</a></p>
                        <p><a href="javascript:void(0);">举报</a></p>
                    </li>
                </ul>
            </div>
            <div class="footer-content-conact">
                <ul>
                    <li class="hide">
                        <img src="../../img/footer/footer1.png" alt="微博图标" />
                        <p>嗨柚旅行微博</p>
                        <a href="http://weibo.com/hiyouther" title="点击关注我们的微博"><img src="../../img/footer/footer2.png" alt="微博图标" /></a>
                    </li>
                    <li>
                        <img class="erweima" src="../../img/footer/8cmerweima.jpg" alt="微信公众号二维码" />
                        <p>嗨柚微信公众号</p>
                        <p>hiyouthtour</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <p>Copyright&copy;2015-2016 hiyouther.com All Rights Reserved</p>
        <p><a href="http://www.miitbeian.gov.cn" title="http://www.miitbeian.gov.cn">渝ICP备16003213号-1</a></p>
    </div>
</div>
<!-- /footer -->
<script src="../../js/lib/require.js"></script>
<script type="text/javascript" rel="script">
    require.config({
        baseUrl: "../../js",
        paths: {
            jquery: 'lib/jq',
            domReady: 'lib/require.domready'
        }
    });
    require(['domReady', 'page/personal'], function(domReady, personal) {
        domReady(function() {
            personal.init("重庆市","南岸区");
        });
    });
</script>

<script type="text/javascript"  src="../../util/plupload-2.1.2/js/plupload.full.min.js"></script>
</body>

</html>